import { ajax, tools } from './ajax.js';

let selShen = document.getElementById('selShen');
let selCs = document.getElementById('selCs');

//#region 省份信息处理的部分

// 查询省份信息的方法
function queryProvince() {
  ajax.post('/linkinfo/queryAllProvince', {}, (data) => {
    if (!data.success) {
      alert(data.message);
      return;
    }
    console.log('省份列表：', data.list);
    showProvince(data.list);
  });
}

// 显示省份信息的方法
function showProvince(list) {
  for (let i = 0; i < list.length; i++) {
    let info = list[i];
    console.log('省份信息：', info);
    // 创建选项添加到省份列表中
    let op = document.createElement('option');
    op.setAttribute('value', info.pid);
    op.append(info.province);
    selShen.append(op);
  }
  // 设置默认值为中间值
  let index = parseInt(list.length / 2);
  selShen.value = list[index].pid;
  // 省份值变化要触发城市信息的查询
  queryCity();
}

// 省份值变化要触发城市信息的查询
selShen.addEventListener('change', queryCity);

queryProvince();

//#endregion

//#region 城市信息的处理部分

// 查询城市的信息
function queryCity() {
  // 获取选择的省份编号
  let pid = selShen.value;
  console.log('选中的省份编号：', pid);
  // 查询省份对应的城市信息
  ajax.post(
    '/linkinfo/queryCityByProvince',
    {
      pid: pid,
    },
    (data) => {
      if (!data.success) {
        alert(data.message);
        return;
      }
      console.log('城市的信息：', data.list);
      showCity(data.list);
    }
  );
}

function showCity(list) {
  // 清除原有的城市信息
  selCs.innerHTML = '';

  for (let i = 0; i < list.length; i++) {
    let info = list[i];
    // 城市选项
    let op = document.createElement('option');
    op.setAttribute('value', info.cid);
    op.append(info.city);
    selCs.append(op);
  }
}
//#endregion

// 作业：按照上课的效果完成班级和学生的联动查询

let selBm = document.getElementById('selBm');

//#region 部门查询的部分
function queryBm() {
  ajax.post('/linkinfo/queryAllDept', {}, (data) => {
    if (!data.success) {
      alert(data.message);
      return;
    }
    showBm(data.list);
  });
}

function showBm(list) {
  for (let i = 0; i < list.length; i++) {
    let info = list[i];
    let op = document.createElement('option');
    op.setAttribute('value', info.deptId);
    op.append(info.deptName);
    selBm.append(op);
  }
  // 设置选中项的索引
  selBm.selectedIndex = 0;
  queryYg();
}

selBm.addEventListener('change', queryYg);

queryBm();
//#endregion

let tbData = document.getElementById('tbData');

//#region 员工的部分
function queryYg() {
  ajax.post(
    '/linkinfo/queryEmployeeByDept',
    {
      deptId: selBm.value,
    },
    (data) => {
      if (!data.success) {
        alert(data.message);
        return;
      }
      showYg(data.list);
    }
  );
}

function showYg(list) {
  tbData.innerHTML = '';
  // 生成表格数据
  for (let i = 0; i < list.length; i++) {
    let info = list[i];
    // 首先是创建行（tr）
    let tr = document.createElement('tr');
    // 数据列
    let td;
    // 编号
    td = document.createElement('td');
    td.append(info.employeeId);
    tr.append(td);

    // 员工名称
    td = document.createElement('td');
    td.append(info.employeeName);
    tr.append(td);

    // 手机号
    td = document.createElement('td');
    td.append(info.phone);
    tr.append(td);

    // 信息修改时间
    td = document.createElement('td');
    td.append(  tools.formatDate(info.lastupdate)   );
    tr.append(td);

    // 行要添加到表格中
    tbData.append(tr);
  }
}

//#endregion
